<template>
  <el-dialog
          title="预览"
          width="600"
          :visible.sync="dialogVisible"
          @close="$emit('update:visible',false)">
    <div class="previewlog">
      <img :src="item" alt="" v-for="item in privaImgObj">
    </div>
  </el-dialog>
</template>
<script>
  export default {
    name: 'previewImgDialog',
    props: ['visible', 'privaImgObj'],
    watch: {
      visible () {
        this.dialogVisible = this.visible
        if (this.visible) {
          console.log(this.privaImgObj)
        }
      }
    },
    data () {
      return {
        dialogVisible: this.visible
      }
  },
    created () {
    },
    methods: {}
  }
</script>
<style>
  .previewlog{
    padding:20px 0;
  }
  .previewlog img{
    width: 100%;
    margin:0 auto;
  }
</style>

